<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
  <meta name="format-detection" content="telephone=no" />
  <title>诚仁教育</title>
  <!--<link rel="icon" href="" type="image/x-icon" />
  <link rel="shortcut icon" href="" type="image/x-icon" />-->
  <link rel="stylesheet" href="css/bootstrap.min.css"/>
  <link rel="stylesheet" href="css/swiper.min.css"/>
  <link rel="stylesheet" href="css/animate.min.css">
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/headfoot.css">
  <link rel="stylesheet" href="css/second.css">
  <script src="js/jquery-1.11.3.min.js"></script>
  <script src="js/swiper-3.4.2.min.js"></script>
  <script src="js/swiper.animate1.0.2.min.js"></script>
  <!--[if lt IE 9]>
  <script src="js/html5shiv.min.js"></script>
  <script src="js/respond.min.js"></script>
  <![endif]-->
  <script src="js/bootstrap.min.js"></script>
  <script src="js/wow.min.js"></script>
  <script type="text/javascript">
   new WOW().init();
  </script>
  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=nxW0akynjKF8Ag0G0uVVwq0t6ak1Q1Zj"></script>
 </head>
 <body>
   <!--banner部分-->
    <div class="heads">
     <script>$(".heads").load("heads.html");</script>
    </div>
   <!-- 二级页面的banner-->
   <div class="jm-top wow bounceIn animated">
    <div class="jm-title">
     <h1>联系我们</h1>
    </div>
   </div>
   <!-- 二级页面的内容-->
   <div class="jm-bottom">
    <div class="main-md">
     <div class="jm-left wow bounceInLeft animated">
      <div class="jm-list">
       <h5>公司介绍</h5>
       <ul>
        <li class="active"><a href="#">公司简介</a></li>
        <li><a href="#">新闻动态</a></li>
        <li><a href="#">企业文化</a></li>
        <li><a href="#">联系我们</a></li>
       </ul>
      </div>
      <div class="jm-lf-img">
       <img src="images/second/jm1.jpg" alt=""/>
       <img src="images/second/jm2.jpg" alt=""/>
       <div class="jm_yan">
        <img src="images/second/yan.png" alt=""/>
       </div>
      </div>
     </div>
     <div class="jm-right wow bounceInRight animated">
      <div class="jm-rtitle">
       <ul>
        <li><a href="#">首页 &nbsp;></a></li>
        <li><a href="#">&nbsp;关于我们 &nbsp;></a></li>
        <li class="active"><a href="#">&nbsp;公司简介</a></li>
       </ul>
      </div>
      <div class="jg-main">
       <ul class="adre">
        <li>
         <div class="wk">
          <div class="nk">
           <div class="rote"><i></i></div>
           <b>地址</b><p>北京市顺义区马坡镇阳光花园别墅39号</p>
          </div>
         </div>
        </li>
        <li>
         <div class="wk">
          <div class="nk">
           <div class="rote"><i></i></div>
           <b>电话</b><p>010-84812336</p>
          </div>
         </div>
        </li>
        <li>
         <div class="wk">
          <div class="nk">
           <div class="rote"><i></i></div>
           <b>邮箱</b><p>47117277@qq.com</p>
          </div>
         </div>
        </li>
       </ul>
       <div style="border:#ccc solid 1px;font-size:12px" id="map"></div>
      </div>
     </div>
     <div class="both"></div>
    </div>
   </div>
   <!--底部-->
   <div class="foots">
    <script>
     $(".foots").load("foot.html");
    </script>
   </div>
  <script src="js/index.js"></script>
  <script>
   $(function(){
    function initMap(){
     createMap();//创建地图
     setMapEvent();//设置地图事件
     addMapControl();//向地图添加控件
     addMapOverlay();//向地图添加覆盖物
    }
    function createMap(){
     map = new BMap.Map("map");
     map.centerAndZoom(new BMap.Point(116.67235,40.120295),11);
    }
    function setMapEvent(){
     map.enableScrollWheelZoom();
     map.enableKeyboard();
     map.enableDragging();
     map.enableDoubleClickZoom()
    }
    function addClickHandler(target,window){
     target.addEventListener("click",function(){
      target.openInfoWindow(window);
     });
    }
    function addMapOverlay(){
     var markers = [
      {content:"北京市顺义区马坡镇阳光花园别墅39号",title:"北京诚仁教育咨询",imageOffset: {width:-46,height:-21},position:{lat:40.173062,lng:116.675283}}
     ];
     for(var index = 0; index < markers.length; index++ ){
      var point = new BMap.Point(markers[index].position.lng,markers[index].position.lat);
      var marker = new BMap.Marker(point,{icon:new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png",new BMap.Size(20,25),{
       imageOffset: new BMap.Size(markers[index].imageOffset.width,markers[index].imageOffset.height)
      })});
      var label = new BMap.Label(markers[index].title,{offset: new BMap.Size(25,5)});
      var opts = {
       width: 200,
       title: markers[index].title,
       enableMessage: false
      };
      var infoWindow = new BMap.InfoWindow(markers[index].content,opts);
//      marker.setLabel(label);
      addClickHandler(marker,infoWindow);
      map.addOverlay(marker);
      marker.setAnimation(BMAP_ANIMATION_BOUNCE);
     };
    }
    //向地图添加控件
    function addMapControl(){
     var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
     scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
     map.addControl(scaleControl);
     var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
     map.addControl(navControl);
    }
    var map;
    initMap();
   })
  </script>
 </body>
</html>
